<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <link rel="stylesheet" href="games.css">
</head>
<body>
<div id="app">
    <el-container>
        <el-header style="width: 100%;min-width: 1340px;height: auto;background-color: #131822;position: fixed">
            <div id="header_title1">
                <div id="header_title1_l" class="left_f">
                    <img class="left_f" src="./imgs/icon_logo1.png" style="height: 43px">
                    <ul class="left_f" style="list-style: none;padding: 0;margin-left: 20px">
                        <li class="left_f">
                            <a href="index.html" class="header_ul1" style="color: #fd5d0c">首页</a>
                        </li>
                        <li class="left_f">
                            <a href="games.html" class="header_ul1">游戏库</a>
                        </li>
                        <li class="left_f">
                            <a href="" class="header_ul1">游戏包</a>
                        </li>
                        <li class="left_f">
                            <a href="" class="header_ul1">会员计划</a>
                        </li>
                        <li class="left_f">
                            <a href="" class="header_ul1">福利活动</a>
                        </li>
                        <li class="left_f">
                            <a href="" class="header_ul1">常见问题</a>
                        </li>
                    </ul>
                </div>

                <!--头中间搜索栏-->
                <div class="left_f"
                     style="width: 350px;height: 40px;margin-top: 20px">
                    <el-input id="header_search1_i1" placeholder="搜索游戏,建议使用steam商店的游戏名" v-model="input_search">
                        <el-button id="header_search1_i2" slot="append" icon="el-icon-search"></el-button>
                    </el-input>
                </div>

                <!--登录 个人中心-->
                <div id="header_title1_r" class="right_f">
                    <el-dropdown class="right_f" style="">
                        <a href="" id="el-dropdown-link1" style=""> 登录
                            <i class="el-icon-arrow-down1 el-icon--right1"
                               style="opacity: 0;width: 0;height: 0"></i></a>
                        <el-dropdown-menu slot="dropdown" style="text-align: center">
                            <el-dropdown-item>登录后你可以:</el-dropdown-item>
                            <el-dropdown-item>免费看高清视频 多端同步播放记录</el-dropdown-item>
                            <el-dropdown-item>发表弹幕/评论 热门番剧影视看不停</el-dropdown-item>
                            <el-dropdown-item>
                                <el-button type="primary"
                                           style="width: 100%;border-radius: 6px;background-color: #fd5d0c;border: 0"
                                           @click="">立即登录
                                </el-button>
                            </el-dropdown-item>
                            <el-dropdown-item>首次使用? <a href="" style="color: #fd5d0c">点我注册</a></el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                </div>
            </div>

        </el-header>
        <el-main>
            <div class="center_div" style="width: 1140px;height: 3000px;"></div>
        </el-main>

        <el-footer style="width: 100%;min-width: 1348px;height: auto;padding: 0">
            <!--商家承诺-->
            <div id="footer_div1" class="center_div">
                <el-row gutter="30" style="width: 100%;height: 100%;margin: 0 auto">
                    <el-col class="footer_col" span="8">
                        <div class="center_div footer_col_div1"
                             style="background-image: url('./imgs/icon_foot1.png')">
                            <img src="">
                        </div>
                        <h1 class="footer_col_div1_h">正规零售商</h1>
                        <p class="footer_col_div1_p">我们的数据范围涵盖了全球范围内100多家正规CDKEY经销商，
                            创建了最大的专门用于steam，origin，ubi等平台游戏的价格比较数据库。</p>
                    </el-col>
                    <el-col class="footer_col" span="8">
                        <div class="center_div footer_col_div1"
                             style="background-image: url('./imgs/icon_foot2.png')">
                            <img src="">
                        </div>
                        <h1 class="footer_col_div1_h">市场最优惠价格</h1>
                        <p class="footer_col_div1_p">我们的宗旨是帮助玩家发现市场上具有吸引力的购买价格。
                            为此，我们也跟部分经销商谈判获得优惠券代码，可以帮助玩家进一步降低价格。</p>
                    </el-col>
                    <el-col class="footer_col" span="8">
                        <div class="center_div footer_col_div1"
                             style="background-image: url('./imgs/icon_foot3.png')">
                            <img src="">
                        </div>
                        <h1 class="footer_col_div1_h">买家保护</h1>
                        <p class="footer_col_div1_p">为玩家服务是我们的首要宗旨。
                            首先我们通过验证CDKEY的来源，来确保玩家的账户安全。
                            其次，在过程中出现任何问题，玩家可以随时通过微信公众号或者邮件与我们联系。</p>
                    </el-col>
                </el-row>
            </div>
            <!--相关信息-->
            <div id="footer_div2" class="center_div">
                <div class="center_div" style="width: 1320px;height: 100%;overflow: hidden">
                    <div id="footer_div2_div1">
                    </div>
                    <div id="footer_div2_div2" class="center_div">
                        <div class="left_f" style="width: 736px;height: 136px">
                            <h1>我们相信，游戏带给玩家的欢乐、感动是没有差异的，游戏的售价也不应该有差价。</h1>
                            <h1>我们相信，大部分玩家也跟我们一样，支持正版，但也希望能尽量用优惠的价格，购得想要的游戏。</h1>
                            <h1>Cdkeynogap.com旨在帮助玩家在全球范围内比价，以合适的价格购得心仪的游戏。</h1>
                            <h1>我们只关心玩家的利益，心中有爱每天都是大促。</h1>
                        </div>
                        <div class="right_f" style="width: 380px;height: 136px">
                            <p>
                                如果您在使用过程中遇到任何问题,欢迎通过邮件与我们联系：
                                <br>
                                Support@cdkeynogap.com
                                <br>
                                地址：深圳市罗湖区南湖街道罗湖桥社区人民南路
                                <br>
                                2069号国际商业大厦北座1205室F067
                                <br>
                                <br>
                                <a href="" style="color: white">商务合作</a>
                                <br>
                            <p>项目组员:许自豪 王斌瀚 贺子豪</p>
                            </p>
                        </div>
                    </div>
                    <el-divider></el-divider>
                    <div id="footer_div2_div3" class="center_div left_f"
                         style="padding-bottom: 0;position: relative;overflow: hidden">
                        <img class="footer_bottom_l left_f" src="./imgs/gognan.png"
                             style="width: 20px;height: 20px">
                        <div style="position: relative;top: 3px">
                            <a class="footer_bottom_l  left_f ICPID" href="">粤公网安备44030902003253号 </a>
                            <a class="footer_bottom_l left_f ICPID" href="">粤ICP备2022009689号</a>
                            <span class="footer_bottom_l left_f">© Copyright 2022 诺盖普（深圳）科技有限公司</span>
                        </div>
                        <div class="right_f">
                            <img src="./imgs/webs.png" style="height: 32px">
                        </div>
                    </div>
                </div>

            </div>
        </el-footer>
    </el-container>
</div>
</body>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                input_search: "",
            }
        },
        methods: {}
    })
</script>
</html>